import Head from 'next/head';
import Link from 'next/link';
import { Typography, Link as MuiLink, Alert, AlertTitle } from '@mui/material';

<Head>
  <title>Migrating to V2 or V3 - Material React Table V1 Docs</title>
  <meta
    name="description"
    content="Material React Table V1 Changelog and Roadmap for future development"
  />
</Head>

## Migrating to V2 or V3

<Alert sx={{ mt: '2rem' }} severity="warning" variant="outlined">
  <AlertTitle>
    MRT V2 was released October 27, 2023 and V3 was released September 2024
  </AlertTitle>
  <Typography>
    <Link href="https://v2.material-react-table.com/migrating-to-v2" passHref>
      <MuiLink target="_blank" rel="noopener">
        View the V2 migration docs here
      </MuiLink>
    </Link>
  </Typography>
  <Typography>
    <Link href="https://v3.material-react-table.com/migrating-to-v3" passHref>
      <MuiLink target="_blank" rel="noopener">
        View the V3 migration docs here
      </MuiLink>
    </Link>
  </Typography>
</Alert>
